Colores con nombre

Tomato

Orange

DodgerBlue

MediumSeaGreen

Gray

SlateBlue

Violet

LightGray

Este es un título y un párrafo simple

Hello World

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy...

Uso de colores en el borde

Hola Ricardo

Hola Ana

Hola Leobardo

Uso de colores pero con RGB

rgb(255, 0, 0)

rgb(0, 0, 255)

rgb(60, 179, 113)

rgb(238, 130, 238)

rgb(255, 165, 0)

rgb(106, 90, 205)

Diferentes tipos de transparencia

rgba(255, 99, 71, 0)

rgba(255, 99, 71, 0.2)

rgba(255, 99, 71, 0.4)

rgba(255, 99, 71, 0.6)

rgba(255, 99, 71, 0.8)

rgba(255, 99, 71, 1)

Colores hexadecimales

#ff0000

#0000ff

#3cb371

#eb77eb

#ffa500

#6a5acd

Tonos grises

#3c3c3c

#616161

#787878

#b4b4b4

#f0f0f0

#f9f9f9

Colores HSL

hsl(0, 100%, 50%)

hsl(240, 100%, 50%)

hsl(147, 50%, 47%)

hsl(300, 76%, 72%)

hsl(39, 100%, 50%)

hsl(248, 53%, 58%)

Saturación HSL

Entre menos porcentaje, más gris se vuelve.

hsl(0, 100%, 50%)

hsl(0, 80%, 50%)

hsl(0, 60%, 50%)

hsl(0, 40%, 50%)

hsl(0, 20%, 50%)

hsl(0, 0%, 50%)

Ligereza HSL

0% es negro, 100% es blanco.

hsl(0, 100%, 0%)

hsl(0, 100%, 25%)

hsl(0, 100%, 50%)

hsl(0, 100%, 75%)

hsl(0, 100%, 90%)

hsl(0, 100%, 100%)

Transparencia con HSLA

hsla(9, 100%, 64%, 0)

hsla(9, 100%, 64%, 0.2)

hsla(9, 100%, 64%, 0.4)

hsla(9, 100%, 64%, 0.6)

hsla(9, 100%, 64%, 0.8)

hsla(9, 100%, 64%, 1)